.profile {
  background: #f5f5f5;
  min-height: 100vh;

  .profile-header {
    background: #fff;
    padding: 20px;
    display: flex;
    align-items: center;
    
    .avatar-wrap {
      margin-right: 20px;
    }

    .login-btn {
      font-size: 32px;
      color: #333;
    }
  }

  .quick-entry {
    background: #fff;
    margin-top: 20px;
    padding: 20px;
    display: flex;
    justify-content: space-around;

    .entry-item {
      display: flex;
      flex-direction: column;
      align-items: center;
      
      Text {
        margin-top: 10px;
        font-size: 24px;
      }
    }
  }

  .order-section,
  .common-services,
  .help-center {
    background: #fff;
    margin-top: 20px;
    padding: 20px;

    .section-title {
      font-size: 28px;
      font-weight: bold;
      margin-bottom: 20px;
    }
  }

  .order-types {
    display: flex;
    justify-content: space-between;

    .type-item {
      display: flex;
      flex-direction: column;
      align-items: center;

      Text {
        margin-top: 10px;
        font-size: 24px;
      }
    }
  }

  .services-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;

    .service-item {
      display: flex;
      flex-direction: column;
      align-items: center;

      Text {
        margin-top: 10px;
        font-size: 24px;
      }
    }
  }

  .help-items {
    display: flex;
    
    .help-item {
      display: flex;
      align-items: center;
      margin-right: 30px;

      Text {
        margin-left: 10px;
        font-size: 24px;
      }
    }
  }
}